body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,dt,dd{margin:0;padding:0;font-size:12px;list-style-type:none;}
.templateeditorloading{position:absolute;top:35%;left:0;text-align:center;width:100%;display:none;z-index:10000;}
.templateeditorloading p{line-height:24px;color:red;display:inline-block;background:url(/template/yu_editor/images/builder_editor.png) 0 -39px no-repeat;height:48px;width:143px;padding-top:10px;}
.tabs_content .tabs_content_body{display:none;height:206px;position:relative;text-align:left;}
.tabs_content .tabs_content_body.selected{display:block;}

/**
 * Layout操作句柄
 */
.opt_handle{position:absolute;border-radius:6px;}
#layout_p{border:1px solid #52A8EC;box-shadow:0 1px 2px #52A8EC inset, 0 0 8px #52A8EC;outline:0 none;}
#layout_p_selected{border:1px solid red;z-index:-1;box-shadow:0 1px 2px red inset, 0 0 2px red;outline:0 none;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;}
#sortable_tips{float:left;}
#sortable_tips .ui-icon{}

#widget_bar_tools{display:none;position:absolute;z-index:99999;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;cursor:pointer;text-align:left;}
#widget_bar_tools .menu_list{display:none;background:transparent;}
#widget_bar_tools .menu_list a{display: block;padding:2px 5px;text-decoration:none;color:#2779AA;border:1px solid transparent;border-radius:4px;}
#widget_bar_tools .menu_list a:hover{border-color:#AED0EA;background-color:white;}
#widget_bar_tools .ui-icon{display:inline-block;vertical-align:middle;}

#templateeditortooler{text-indent:0;line-height: 20px;background:#E8EDF0 url(/template/yu_editor/images/builder_editor.png) 0 -272px repeat-x;font-size:12px;text-align:center;position:fixed!important;position:absolute;width:100%;z-index:100000;height:240px;border-bottom:2px solid #8DA0B9;top:0;left:0;}
#templateeditortooler #tool_head{text-align: left;margin:0 auto;width:1000px;position:relative;height: 34px;overflow: hidden;}
#templateeditortooler #tool_head h1{margin-top:2px;float:left;display:inline-block;font-size:14px;color:white;margin-right:10px;}
#templateeditortooler #tool_head .tool_menu{display:inline-block;padding-top:6px;}
#templateeditortooler #tool_head .tool_menu li{float:left;padding-left:2px;background:url(/template/yu_editor/images/builder_editor.png) 0 -244px no-repeat;heigth:28px;margin:0 1px;}
#templateeditortooler #tool_head .tool_menu li:hover{background-position:0px -217px;}
#templateeditortooler #tool_head .tool_menu li a{text-decoration:none;text-shadow:0 -1px #4A515F;font-weight:bold;font-size:14px;color:white;line-height:28px;padding:0 20px;display:inline-block;background:url(/template/yu_editor/images/builder_editor.png) right -244px no-repeat;}
#templateeditortooler #tool_head .tool_menu li:hover a{color:#FFE7A1;background-position:right -217px;}
#templateeditortooler #tool_head .tool_menu li.selected{background-position:0 -187px;}
#templateeditortooler #tool_head .tool_menu li.selected a{background-position:right -187px;color:#58616B;text-shadow:none;}
#templateeditortooler #tool_body{text-align: center;width:1000px;margin:0 auto;background:white;height:206px;position:relative;overflow:hidden;border-left:1px solid #DEE4E8;border-right:1px solid #DEE4E8;}
#templateeditortooler #tooler_split{clear: both;height:9px;text-align:center;width:100%;bottom:-10px;_bottom:-15px;position:absolute;left:0;}
#templateeditortooler #tooler_split a{display:inline-block;height:12px;width:46px;background:url(/template/yu_editor/images/builder_editor.png) -46px 0 no-repeat;}

#templateeditortooler #tool_head #tool_save{position:absolute;top:5px;right:0;}
#templateeditortooler #tool_head #tool_save a{background:url(/template/yu_editor/images/builder_editor.png) no-repeat;display:inline-block;height:26px;}
#templateeditortooler #tool_head #tool_save .undo_btn{background-position:0 -12px;width:50px;}
#templateeditortooler #tool_head #tool_save .undo_btn:hover{background-position:-50px -12px;}
#templateeditortooler #tool_head #tool_save .save_btn{background-position:0 -107px;width:102px;}
#templateeditortooler #tool_head #tool_save .exit_btn{background-position:-104px -107px;width:46px;}
#templateeditortooler #tool_head #tool_save .save_btn:hover{background-position:0 -161px;}
#templateeditortooler #tool_head #tool_save .exit_btn:hover{background-position:-104px -134px;width:46px;}
#templateeditortooler #tool_head #tool_save .show_layout_btn{width:135px;background-position:0 -563px;}
#templateeditortooler #tool_head #tool_save .show_layout_on_btn{width:135px;background-position:0 -590px;}

#templateeditortooler .left_tabs{width:129px;float:left;background:#F2F2F2;height:206px;border-right:1px solid #DEE4E8;}
#templateeditortooler .left_tabs li{border-bottom:1px solid #FFF;height:34px;margin-right:-1px;position:relative;text-shadow:0 1px #FAFAFA;}
#templateeditortooler .left_tabs li a{border-bottom:1px solid #E4E4E4;color:#808080;display:block;font-weight:bold;height:33px;line-height:33px;padding-left:10px;position:relative;text-decoration:none;}
#templateeditortooler .left_tabs li.selected{background:white;}

#templateeditortooler .tabs_right_content{width:300px;float:right;width:857px;padding:10px 0;line-height:26px;color:#838383;line-height:24px;}
#templateeditortooler .tabs_right_content h3{display:inline-block;margin:0;padding:0;margin-top:10px;text-align: left;}
#templateeditortooler .v_line{display:inline-block;float:left;width:1px;background:url(/template/yu_editor/images/builder_editor.png) -170px 0 no-repeat;height:180px;}
#templateeditortooler .color{display:inline-block;width:50px;height:16px;border:1px solid #DDD;background:white;}
#templateeditortooler .color.disabled{background:#F2F2F2;color:#CCC}
#templateeditortooler .width_v{width:50px;text-align: right;color:#EB8F00;font-weight: bold;border:1px solid #CCC;}
#templateeditortooler .width_v.disabled{background:#F2F2F2;color:#CCC}
#xu_builder_color_picker{position: absolute;top:100px;z-index: 99999999;display:inline-block;left :100;display:none;}
#xu_builder_color_picker .color_close{position: absolute;top:5px;right:5px;font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;text-decoration: none;font-size:14px;font-weight: bold;color:red;}
#xu_builder_color_picker .pb_div{position: absolute;top:0;left:0;width:195px;height:195px;display:inline-block;background: white; border:1px solid #999;}

.layoutWidget .layout_drop_content_4545{border:1px dashed #FEC799;background:#FEF0D0;text-align:center;color:#333;display:none;line-height: 30px;}
.layoutWidget .layout_drop_content_4545.selected{background:#BFEABF;}
.copyer_in{position: absolute;border:1px dashed #6699CC;}

/**
 * Layout样式
 */
.layout_opt{background:url(/template/yu_editor/images/layout.png) no-repeat;display:inline-block;width:52px;height:52px;margin:0 5px;}
.layout_opt_1{background-position:0 0;}
.layout_opt_2{background-position:-60px 0}
.layout_opt_3{background-position:-120px 0}
.layout_opt_4{background-position:-180px 0}
#main_tabs_content .layout_add_div{width:290px;float:left;text-align:left;}
#main_tabs_content .layout_add_div p{float: left;width:100%;}
#main_tabs_content .layout_add_div ul li{width:68px;float:left;text-align:center;}
#main_tabs_content .float_left{margin-left:20px;float:left;text-align:left;width: 520px;position:relative;}
#main_tabs_content .float_left .background_layout{position: absolute;top:0;right:0;width: 165px;}
#main_tabs_content .float_left .background_layout ul{width:86px;display: inline-block;}
#main_tabs_content .float_left .background_layout li{float:left;margin:1px;background:url(/template/yu_editor/images/builder_editor.png) no-repeat -144px -51px;}
#main_tabs_content .float_left .background_layout li a{display: inline-block;width:24px;height:26px;line-height:26px;background:url(/template/yu_editor/images/builder_editor.png) no-repeat;text-align:center; text-decoration:none;}
#main_tabs_content .float_left .background_layout li.l_t a{background-position:7px -660px}
#main_tabs_content .float_left .background_layout li.c_t a{background-position:-16px -660px}
#main_tabs_content .float_left .background_layout li.r_t a{background-position:-38px -660px}
#main_tabs_content .float_left .background_layout li.l_c a{background-position:7px -687px}
#main_tabs_content .float_left .background_layout li.c_c a{background-position:-16px -687px}
#main_tabs_content .float_left .background_layout li.r_c a{background-position:-38px -687px}
#main_tabs_content .float_left .background_layout li.l_b a{background-position:7px -711px}
#main_tabs_content .float_left .background_layout li.c_b a{background-position:-16px -711px}
#main_tabs_content .float_left .background_layout li.r_b a{background-position:-38px -711px}
#main_tabs_content .float_left .background_layout li:hover{background-position:-144px -77px;}

/**
 * 内容挂件Tabs样式
 */
#tabs_top_content{}
#widget_tabs_content .widget_content_list_body{position:absolute;top:0;width:1000px;height:175px;left:0;}
#widget_tabs_content .widget_content_list_body a{display:inline-block;margin:5px 0 5px 5px;padding:2px 5px;text-decoration:none;color:#808080;border-radius:4px;font-size:14px;}
#widget_tabs_content .widget_content_list_body .widget_template_thumb{display:none;position:absolute;border-top:1px solid #52A8EC;width:1000px;}
#widget_tabs_content .widget_content_list_body .widget_template_thumb.selected{}
#widget_tabs_content .widget_content_list_body .widget_template_thumb .tips_icon{font-family:"SimSun";overflow:hidden;font-size:21px;display:block;height:10px;position:absolute;top:-10px;color:#52A8EC;}

.bottom_tabs{position:absolute;bottom:0;background:#F2F2F2;width:100%;border-top:1px solid #DEE4E8;padding-left:4px;padding-bottom:2px;}
.bottom_tabs li{float:left;line-height:26px;text-align:center;margin-top:-1px;border:1px solid transparent;border-bottom-width:3px;border-top-width:0;}
.bottom_tabs li.selected{background:white;border-left:1px solid #DEE4E8;border-color:#DEE4E8;border-bottom-color:#52A8EC;border-radius:0 0 4px 4px;}
.bottom_tabs li a{padding:0 10px;font-weight:bold;text-decoration:none;color:#808080;}


/** 小3号tabs样式 */
.my_tabs3 h5{line-height:20px;background:#F6A828;color:white;margin-bottom:10px;padding-left:10px;}
.my_tabs3 .tabs{padding-left:5px;}
.my_tabs3 .tabs li{float:left;border:1px solid #999;border-bottom-width:0;text-align:center;margin:auto 1px;line-height:20px;border-radius: 3px 3px 0 0;}
.my_tabs3 .tabs li a{text-decoration: none;color:#999;margin:auto 10px;}
.my_tabs3 .tabs li.selected{font-weight:bold;background:#999}
.my_tabs3 .tabs li.selected a{color:white;}
.my_tabs3 .tabs_content{clear:both;border-top:1px solid #999;padding:10px;}
.my_tabs3 .tabs_content li.tabs_content_body{display:none;position: relative;}
.my_tabs3 .tabs_content li.tabs_content_body.selected{display:block;}

#main_tabs_content .float_left li.tabs_content_body{height: 160px;}
#main_tabs_content .tabs_content_body{text-align:left;}
#main_tabs_content .widthSlider{width:250px;padding:0;margin:0;*height:14px;}
#main_tabs_content #body_width_slider{}
#main_tabs_content .background_img_set{padding:10px;line-height: 28px;text-align: left;}
#main_tabs_content .radio_content{margin-top:10px;text-align:left;}
.bg_setter_img_attr{display:none;}
#img_selector_box li a{border:2px solid #EEE;display:inline-block;padding:2px;}
#img_selector_box li a:hover{border:2px solid #4b8dfb;}

/** 宽度选择器样式 */
#xu_builder_box{border-radius:4px;line-height:20px;position:absolute;display:none;z-index:99999999;border:1px solid #666;padding:10px;text-indent:0;}
#xu_builder_box .xu_builder_box_pb_div{border-radius:4px;background:white;position: absolute;}
#xu_builder_box h5{position: relative;cursor: move;border-radius:6px;}
#xu_builder_box #xu_builder_box_body{position: relative;}
#xu_builder_box .setter_opt{position: absolute;text-align:center;font-size:12px;bottom: 10px;}
#width_setting .radio_content{margin-top:10px;}

/**Layout右键菜单*/
#layout_context_menu{display:none;}

/**
 * 编辑器状态
 */
#editor_state{position:fixed;bottom:0;line-height:20px;left:0;width:100%;background:#E8EDF0;z-index:99999999;padding:5px 10px;text-align:left;color:#333;text-indent:0;}
#editor_state dl{}
#editor_state dl dt{float:left;font-weight:bold;line-height:20px;}
#editor_state dl dd{float:left;padding:0 5px 0 0;vertical-align:middle;margin:0;cursor:default;position:relative;}
#editor_state dl dd a{text-decoration: none;color:#1C94C4;}
#editor_state span.ui-icon{margin-left:20px;padding:0;vertical-align:middle;display:inline-block;margin-left:5px;}
#editor_state .editor_state_item{float:left;margin-left:50px;}
#editor_state .editor_state_item span{display:inline-block;padding:0 8px;cursor:pointer;}
#editor_state .editor_state_item span.ui-icon{padding:0;}
#editor_state .editor_state_item span.selected{border-color:#FBD850;color:#EB8F00;}
#editor_state .editor_state_item a{color:#2779AA;text-decoration:none;line-height:20px;}

#templateeditortooler #wbj .width_input{width:46px;position:absolute;height:16px;border:0;cursor:pointer;text-align:right;}
#templateeditortooler #wbj .width_input.top_input{top:0;left:43%;}
#templateeditortooler #wbj .width_input.right_input{right:0;top:43%;}
#templateeditortooler #wbj .width_input.bottom_input{bottom:0;left:43%;}
#templateeditortooler #wbj .width_input.left_input{left:0;top:43%;}

#templateeditortooler #wbj{border:1px dotted #666;width:500px;height:150px;position: relative;background:#EEE;}
#templateeditortooler #nbj{border:2px solid #999;width:400px;height:110px;position:relative;left:50px;top:-6px;background:#DDD;}
#templateeditortooler #kg{text-align:center;border:1px solid #999;background:white;position:relative;left:50px;top:-6px;width:300px;height:44px;padding-top:28px}
#templateeditortooler #kg span{position:absolute;}
#templateeditortooler #kg span.widget_width{left:115px;bottom:0;}
#templateeditortooler #kg span.widget_height{left:5px;top:25px;}

#border_template_bg{border-radius:5px;border:1px solid #AAA;height:86px;margin:27px auto auto 60px;width:355px;}
.border_template_{border-radius:5px;position: absolute;border:1px solid #AAA;padding:5px 5px 5px 24px;background:#EEE;font-size:12px;line-height:16px;}
.border_template_ span{position:absolute;left:4px;top:28px;font-size:16px;font-weight:bold;color:#EB8F00;}
.border_template_ input{width:50px;height: 16px;border:1px solid #DDD;}
#border_template_top{left:186px;top:-32px;}
#border_template_right{right:20px;top:7px;}
#border_template_bottom{left:186px;top:52px;}
#border_template_left{left:8px;top:7px;}

.line_style_setter{}
.line_style_setter li{height:16px;margin:10px;cursor: pointer;}
.line_style_setter li:hover{background:#FBCB09;}
.line_style_setter .solid{border:1px solid red}
.line_style_setter .inset{border:1px inset red}
.line_style_setter .outset{border:1px outset red}
.line_style_setter .dotted{border:1px dotted red}
.line_style_setter .dashed{border:1px dashed red}
.line_style_setter .solid{border-top:1px solid red}
.line_style_setter .hidden{border:hidden}

#color_setter_opt{position:absolute;right:0;top:0;width:150px;text-align:left;height:180px;color:#999}
#color_setter_opt dt{font-weight:bold;}
#color_setter_opt dd{float:left;width:20px;height:20px;border:1px solid #999;margin:2px;cursor:pointer;}
#color_setter_opt .add{position:absolute;bottom:0;right:10px;}
#color_setter_opt #delete_color{display:none;}

.pager{text-align:right;}
.pager a{color:#666;text-decoration: none;padding:2px 8px;margin:0 2px;display:inline-block;}
.pager .currently{margin:0 5px;font-weight: bold;color:#F6A828;}

.layout_width_handle{background:red;display:inline-block;width:2px;top:0px;border-top-width:0;border-bottom-width:0;cursor:w-resize;position:absolute;box-shadow:0 1px 2px red inset, 0 0 2px red;outline:0 none;filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.layout_width_handle .ui-icon{margin-left:-8px;}
#widget_bar_tools .menu_list .width_set_stop{display:none;}

.img_wrap{padding:5px;border:1px solid transparent;border-radius:4px;overflow:hidden;margin-top:3px;margin-left:3px;}
.img_wrap:hover{border-color:#2694E8;background:white;box-shadow:0 1px 2px #2694E8 inset, 0 0 8px #2694E8;outline:0 none;}

#hover_layout_p{border:1px solid #52A8EC;box-shadow:0 1px 2px #52A8EC inset, 0 0 8px #52A8EC;outline:0 none;position:absolute;border-radius:6px;z-index:999;}
.activite_bg{background:#D7EBF9 !important;}